<section>
  <header><h3>基本类型</h3></header>
  <article>
    <div class="example" contenteditable="true">
      <ul class="list-group">
        <li class="list-group-item">
          <a href="#">用ul &gt; li实现，点击区域只有文字</a>
        </li>
        <li class="list-group-item">todo</li>
        <li class="list-group-item">story</li>
        <li class="list-group-item">task</li>
        <li class="list-group-item">bug</li>
        <li class="list-group-item">case</li>
      </ul>
    </div>
  </article>
</section>

<section>
  <header>
    <h3>链接</h3>
  </header>
  <article>
    <div class="example list-group" contenteditable="true">
      <a href="#" class="list-group-item">用div &gt; a实现，实现整行点击</a> <a href="#"
      class="list-group-item">todo</a> <a href="#" class=
      "list-group-item">story</a> <a href="#" class="list-group-item active">task
      active</a> <a href="#" class="list-group-item">bug</a> <a href="#" class=
      "list-group-item">case</a>
    </div>
  </article>
</section>

<section>
  <header><h3>定制列表内容</h3></header>
  <article>
    <div class="example list-group" contenteditable="true">
      <a href="#" class="list-group-item">
      <h4 class="list-group-item-heading">我是包含在a标签里面的h4标签</h4>
      <p class="list-group-item-text">我是包含在a标签里面的p标签，</p></a> <a href="#" class=
      "list-group-item active">
      <h4 class="list-group-item-heading">我是包含在a标签里面的h4标签</h4>
      <p class="list-group-item-text">我是包含在a标签里面的p标签，</p></a> <a href="#" class=
      "list-group-item">
      <h4 class="list-group-item-heading">我是包含在a标签里面的h4标签</h4>
      <p class="list-group-item-text">我是包含在a标签里面的p标签，</p></a>
    </div>
  </article>
</section>
